<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>对象转换</title>
</head>
<body>
<div id="div">我是div</div>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    // JS方式，通过id属性值获取div元素
    let jsDiv = document.querySelector("#div")

    // 将 JS 对象转换为jQuery对象
    //let jqDiv = $(jsDiv);
    //console.log(jqDiv.html());
    console.log($(jsDiv).html());
    // jQuery方式，通过id属性值获取div元素
    let jqDiv = $("#div");

    // 将 jQuery对象转换为JS对象
    //jquery对象转换成js对象需要通过索引访问,
    // 如果jquery对象只表示一个元素,那么索引就是0

    // let jsDiv2 = jqDiv[0];
    // console.log(jsDiv2.innerHTML);
    console.log(jqDiv[0].innerHTML);
    console.log(jsDiv.get(0).innerHTML);

</script>
</html>